<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <title>详情页</title>
    <script src="js/data.js"></script>
    <script src="js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="css/details.css">

    <style></style>
</head>
<body>
    <div class="cardgroup" id="C1">
        <img class="ka" id="img1" src="">
        <p id="text1">Test</p>
        <p id="par1">sssssssssssss</p>
    </div>
    <div class="cardgroup" id="C2">
            <img class="ka" id="img2" src="">
            <p id="text2">Test</p>
            <p id="par2">sssssssssssss</p>
    <div class="cardgroup" id="C3">
               <img class="ka" id="img3" src="">
                <p id="text3">Test</p>  
                <p id="par3">sssssssssssss</p>     
    </div>


    <script>
        
        //保存的卡牌描述
        var des1 = window.localStorage.getItem("des1");
        var des2 = window.localStorage.getItem("des2");
        var des3 = window.localStorage.getItem("des3");
        //保存的卡牌名称
        var card1 = window.localStorage.getItem("card1");
        var card2 = window.localStorage.getItem("card2");
        var card3 = window.localStorage.getItem("card3");
        //保存的卡牌地址
        var path1 = window.localStorage.getItem("path1");
        var path2 = window.localStorage.getItem("path2");
        var path3 = window.localStorage.getItem("path3");
        //css
        var text1=document.getElementById("text1");
        var par1=document.getElementById("par1");
        var text2=document.getElementById("text2");
        var par2=document.getElementById("par2");
        var text3=document.getElementById("text3");
        var par3=document.getElementById("par3");
        //*************************************
        $(document).ready(function(){
            $("#img1").attr("src",path1);
            $("#img2").attr("src",path2);
            $("#img3").attr("src",path3);
            text1.innerHTML=card1;
            par1.innerHTML=des1;
            text2.innerHTML=card2;
            par2.innerHTML=des2;
            text3.innerHTML=card3;
            par3.innerHTML=des3;
           
        });
    </script>
</body>
</html>